import Module from "./module";
import ModuleBg from "./assets/21182.png";
import "./index.scss";

export default defineComponent({
	name: "AlarmList",
	setup() {
		const tableData = [
			{
				name: "宏电深圳光电产业园站",
				content: "逆变器不并网",
				time: "11-10  11:23:06"
			},
			{
				name: "武汉光电产业园",
				content: "PV过压",
				time: "11-10  11:23:06"
			},
			{
				name: "宏电深圳光电产业园站",
				content: "逆变器不并网",
				time: "11-10  11:23:06"
			}
		];
		return () => (
			<Module img={ModuleBg}>
				<div className={"w-full h-full box-border relative"}>
					<el-table
						class={"w-full h-full box-border absolute"}
						max-height={"100%"}
						data={tableData}
						header-cell-class-name={"alarm-list-header-cell"}
						header-row-class-name={"alarm-list-header-row"}
					>
						<el-table-column prop="name" label="故障告警电站" />
						<el-table-column prop="content" label="故障告警内容" />
						<el-table-column prop="time" label="上报时间" />
					</el-table>
				</div>
			</Module>
		);
	}
});
